<template>
  <div>
    <StatusCard v-for="n in data" :key="n.company">
      <div slot="title">{{ n.company }}</div>
      <div style="font-size: 12px;color: #787dab">
        职位：{{ n.zhiwei }}
        <br />
        状态：{{ n.state }}
      </div>
    </StatusCard>
    <div v-if="data.length === 0" class="empty">未查到相关记录</div>
  </div>
</template>

<script>
import StatusCard from "../miniCard/StatusCard.vue";
export default {
  props: {
    data: {
      type: Array,
      default: () => {
        return [];
      },
    },
  },
  data() {
    return {};
  },
  methods: {},
  mounted: function() {},
  components: { StatusCard },
};
</script>
<style lang="scss"></style>
